<template>
  <div :class="'inter-course-detail-box'">
    <interview-course-left　:left-infos ="datas.leftDatas" />
    <el-col :span="19" :class="'course-main-box'">
      <span class="iconfont icon-icon-top-copy main-box-icon"></span>
      <el-row :class="'course-detail-container passed-detail'">
        <div class="detail-title">
          第{{ datas.details.interview_num }}轮面试安排
        </div>
        <el-col :span="9" :class="'info-item'">
          <span class="info-item-tip"> 面试官 </span>
          <span class="sign">:</span>
          <span class="info-item-txt">
            {{ datas.details.interview_name }}
          </span>
        </el-col>
        <el-col :span="15" :class="'info-item'">
          <span class="info-item-tip"> 面试时间 </span>
          <span class="sign">:</span>
          <span class="info-item-txt">
            {{ datas.details.interTime }}
          </span>
        </el-col>

        <el-col v-if="datas.details.interview_format === '现场面试' || datas.details.interview_format === '现场笔试'" :span="9" :class="'info-item'">
          <span class="info-item-tip"> 联系电话 </span>
          <span class="sign">:</span>
          <span class="info-item-txt">
            {{ datas.details.mobile }}
          </span>
        </el-col>

        <el-col :span="9" :class="'info-item'">
          <span class="info-item-tip"> 面试形式 </span>
          <span class="sign">:</span>
          <span class="info-item-txt">
            {{ datas.details.interview_format }}
          </span>
        </el-col>
        <el-col :span="15" :class="'info-item'" v-if="datas.details.interTime1">
          <span class="info-item-tip"> </span>
          <span class="sign"></span>
          <span class="info-item-txt">
            {{ datas.details.interTime1 }}
          </span>
        </el-col>
        <el-col :span="24" :class="'info-item info-item-flex'">
          <span class="info-item-tip"> 面试地点 </span>
          <span class="sign">:</span>
          <p class="info-item-txt" :title="datas.details.address">
            {{ datas.details.address}}
          </p>
        </el-col>
        <el-col :span="15" :class="'info-item'" v-if="datas.details.interTime2">
          <span class="info-item-tip"> </span>
          <span class="sign"></span>
          <span class="info-item-txt">
            {{ datas.details.interTime2 }}
          </span>
        </el-col>

        <el-col :span="24" :class="'info-item info-item-flex'">
          <span class="info-item-tip"> 备注 </span>
          <span class="sign">:</span>
          <p class="info-item-txt">
            {{ datas.details.remarks}}
          </p>
        </el-col>
      </el-row>
      <el-row v-if="datas.details.SInterviewTime" :class="'course-detail-container'">
        <div class="sub-detail-title">供应商确认</div>
        <el-row :class="'course-sub-detail'">
          <el-col :span="12" :class="'info-item'">
            <span class="info-item-tip"> 面试时间 </span>
            <span class="sign">:</span>
            <span class="info-item-txt">
              {{ datas.details.SInterviewTime }}
            </span>
          </el-col>
          <el-col :span="24" :class="'info-item'">
            <span class="info-item-tip"> 备注 </span>
            <span class="sign">:</span>
            <span class="info-item-txt res-item-txt">
              {{ datas.details.SBackRemark }}
            </span>
          </el-col>
        </el-row>
      </el-row>
    </el-col>
  </div>
</template>
<script>
import InterviewCourseLeft from "./interviewCourseLeft";
export default {
  props: {
    datas: {
      type: Object,
      default: function () {
        return {};
      },
    },
  },
  components: {
    InterviewCourseLeft,
  },
  data() {
    return {};
  },
};
</script>
<style lang="scss">
@import "~@/assets/scss/mixins.scss";
@include Course-Detail;
</style>
